<!-- 头部 -->
<header th:replace="common/top"></header>
<div id="BackLink">
  <div class="con"><a th:href="@{/catalog/index}">Return to Main Menu</a></div>
</div>

<div id="Catalog">
  <h2>My Coupons</h2>

  <table>
    <tr>
      <th>Coupon ID</th>
      <th>Limit</th>
      <th>Deduction</th>
      <th>Discount</th>
    </tr>

    <tr th:each="coupon : ${couponList}">
      <td>
        <p th:text="${coupon.id}"></p>
      </td>
      <td>
        <p th:text="${coupon.limit}"></p>
      </td>
      <td>
        <p th:text="${coupon.deduction}"></p>
      </td>
      <td>
        <p th:text="${coupon.discount}"></p>
      </td>
    </tr>

    <tr th:if="${#lists.isEmpty(couponList)}">
      <td colspan="4">No coupons.</td>
    </tr>
  </table>

</div>
<!-- 底部 -->
<footer th:replace="common/bottom"></footer>
